<template>
   
   <div class="wholescreen" >
      <el-row :gutter="20" class="breadcrumbs">
		  <el-col :span="24"  class="breadcrumbs-col">
	    	<el-breadcrumb separator="/">
              <el-breadcrumb-item >
			      <el-dropdown>
                    <span class="el-dropdown-link">
                       <a class="menu-link" href="/">GoBuild</a><i class="el-icon-caret-bottom el-icon--right"></i>
                    </span>
                    <el-dropdown-menu slot="dropdown">
                      <el-dropdown-item>新建Job</el-dropdown-item>
                      <el-dropdown-item>系统设置</el-dropdown-item>
                    </el-dropdown-menu>
                  </el-dropdown>
			
			  </el-breadcrumb-item>
              <el-breadcrumb-item >{{$store.state.pageName}}</el-breadcrumb-item>
            </el-breadcrumb>
		  </el-col>
      </el-row>
	  <router-view></router-view>
	  
   </div>
</template>

<script>

    import Vue from 'vue';
   
    import {Col,Row ,Breadcrumb,BreadcrumbItem,Dropdown,DropdownItem,DropdownMenu} from 'element-ui'
	Vue.component(Col.name, Col)
	Vue.component(Row.name, Row)
	Vue.component(Breadcrumb.name, Breadcrumb)
	Vue.component(BreadcrumbItem.name, BreadcrumbItem)
	Vue.component(Dropdown.name, Dropdown)
	Vue.component(DropdownItem.name, DropdownItem)
	Vue.component(DropdownMenu.name, DropdownMenu)
	
	import 'element-ui/lib/theme-default/dropdown.css';
	import 'element-ui/lib/theme-default/dropdown-item.css';
	import 'element-ui/lib/theme-default/dropdown-menu.css';
	import 'element-ui/lib/theme-default/breadcrumb-item.css';
	import 'element-ui/lib/theme-default/breadcrumb.css';
	import 'element-ui/lib/theme-default/icon.css';
	import 'element-ui/lib/theme-default/row.css';
	import 'element-ui/lib/theme-default/col.css';
	
	
    
	
	
    export default {
        data () {
            return {
            }
        },
		
		components:{},
        mounted() {
			
        }
		,methods:{



		}
    }
</script>

<style>
.wholescreen{
  width:100%;
}

.breadcrumbs {
    margin: 0 !important;
    height:40px;
	background-color: #f6faf2;
	padding:0 !important
}

.breadcrumbs-col {
	padding-top:10px !important;
	padding-bottom:10px !important;
}
.menu-icon-24{
	width:24px;
	height:24px;  
	
}
.menu-link{
	font-size:14px;
	text-decoration: none;
}
.menu-div{
	white-space: nowrap;
	margin-bottom:4px;
	padding:10px;
}

</style>